<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<input type="text"id="i1">
<input type="button"value="js转jq按钮"id="d1">
<input type="button"value="jq转js按钮"id="d2">
<!--引入jq框架 ../代表往上一层-->
<script src="../js/jquery-1.4.2.js"></script>
<script>
    //给按钮添加点击事件
    $('#d1').click( function () {
        //得到js对象
        let js=document.getElementById('i1')
        //把js对象转换为jp
        let jq=$(js)
        //调用jq中独有的.val()方法 检查是否成功
        alert(jq.val())
    })
    $('#d2').click(function () {
        //得到jq对象
        let jq=$('#i1')
        //把jq对象转换为js对象 jq对象本质就是个数组
        let js=jq[0]
        alert(js.value)
    })
</script>
</body>
</html>